﻿<div style="position:relative;padding:0;margin:0;height:auto;width:100%;">
    <div style="position:relative;padding:0;margin:-45px auto 0 auto;height:auto;width:600px;">
        <div style="position:relative;margin:0;padding:0;left:0;width:100%;display:inline-block;">
            <div style="position:relative;float:left;margin-left:150px;width:300px;font-weight:bold;text-align:center;">Documento de venta N°{{id}}</div>
            <div style="position:relative;float:left;left:0;width:140px;text-align:right;">{{datetime}}</div>
        </div>
        <div style="position:relative;margin:0;padding:0;left:0;width:100%;display:inline-block;">
            <div style="position:relative;float:left;width:450px;font-weight:bold;">{{customerName}}</div>
            <div style="position:relative;float:left;width:140px;font-weight:bold;text-align:right;">{{customerCode}}</div>
        </div>
        <div style="position:relative;margin:0;padding:0;left:0;width:100%;display:inline-block;">
            <div style="position:relative;float:left;width:450px;">{{customerAddress}}</div>
            <div style="position:relative;float:left;width:140px;text-align:right;">{{customerCity}}</div>
        </div>
        <div style="position:relative;margin:0 0 30px 0;padding:0;left:0;width:100%;">
            <div style="position:relative;float:left;width:450px;">{{customerTelephone}}</div>
            <div style="position:relative;float:left;width:140px;text-align:right;"></div>
        </div>
        {{#each items}}
        <div style="position:relative;margin:0;padding:0;left:0;width:100%;display:inline-block;">
            <div style="position:relative;float:left;width:100px;margin:0;font-weight:bold;text-align:left;">{{code}}</div>
            <div style="position:relative;float:left;width:50px;margin:0 0 0 5px;text-align:right;">{{price}}</div>
            <div style="position:relative;float:left;width:45px;margin:0 0 0 5px;text-align:right;">{{count}}</div>
            <div style="position:relative;float:left;width:280px;margin:0 0 0 20px;text-align:left;">{{description}}</div>
            <div style="position:relative;float:left;width:90px;margin:0 0 0 5px;text-align:right;">${{subTotal}}</div>
        </div>
        {{/each}}
        <div style="position:relative;margin:0;padding:0;left:0;width:100%;display:inline-block;">
            <div style="position:relative;float:left;left:0;width:100px;margin:0;font-weight:bold;text-align:left;">Total</div>
            <div style="position:relative;float:left;left:0;width:95px;margin:0 0 0 5px;text-align:right;">&nbsp;</div>
            <div style="position:relative;float:left;left:0;width:280px;margin:0 0 0 20px;text-align:left;">&nbsp;</div>
            <div style="position:relative;float:left;left:0;width:90px;margin:0 0 0 5px;font-weight:bold;text-align:right;">${{price}}</div>
        </div>
    </div>
</div>
